<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,user-scalable=no">
    <meta name="keywords" content="xx,xx,xx" />
    <meta name="description" content="yyyyyyy" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta property="qc:admins" content="70003766576320416375" />
    <meta name="format-detection" content="telephone=no">
    <title>工资结算</title>
    <link rel="stylesheet" href="../css/base/jquery-ui-1.10.3.css" type="text/css">
    <link rel="stylesheet" href="../plugin/bootstrap-3.3.7/dist/css/bootstrap.min.css">

    <link rel="stylesheet" href="../css/base/font-awesome.min.css">
    <link rel="stylesheet" href="../css/base/fonts.googleapis.com.css">
    <link rel="stylesheet" href="../css/job.css">
    <link rel="stylesheet" href="../css/base/ui.jqgrid.css" />
    <link rel="stylesheet" href="../css/base/jquery-ui.custom.min.css" />

    <!-- ace styles -->

    <link rel="stylesheet" href="../css/base/ace.min.css" />
    <link rel="stylesheet" href="../css/base/ace-rtl.min.css" />
    <!--<link rel="stylesheet" href="../css/base/ace-skins.min.css" />-->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


    <style>
        body{
            background-color: #f9fbfe;
        }
        .header{
            margin-bottom:auto;
            margin-top:auto;
        }
        .content-top>a {
            margin-top:0;
        }
     th:first-child, td:first-child{
            display: none!important;
      }
        td,th{
         text-align: center!important;
          font-size: 12px!important;
      }
        /*table tbody tr:nth-child(n+3) td{*/
            /*display: none;*/
        /*}*/
      .content-bottom> .box>h6 {
          padding-bottom: 6px;
          border-bottom: 1px solid lavender;
          font-size: 15px;
      }
        .submit-btn{
            border-radius: 5px;
            padding: 6px 12px;
            margin-bottom: 0;
            font-size: 14px;
            font-weight: 400;
            line-height: 1.42857143;
            text-align: center;
            white-space: nowrap;
            vertical-align: middle;
        }
        .footer{
            padding-top: 0;
        }

        .ui-jqgrid .ui-jqgrid-hbox {
            padding-right: 0!important;
        }
        .ui-jqgrid-htable.ui-common-table{
            width: 100%!important;
        }
        #salary-table{
            width: 100%!important;
        }
        .ui-jqgrid .ui-jqgrid-htable th div{
            text-align: center!important;
            height: auto!important;
        }
        .ui-jqgrid tr.ui-row-ltr td {
            border-color: #dddcdc!important;
        }
         table tbody tr>td:last-child{
           border-right: none!important;
        }
        table tbody tr>td{
            vertical-align:middle!important;
        }
    </style>
</head>

<body>
<div class="container-fluid">
    <!--header start-->
    <div class="row header">
      <div><span id="back" class="glyphicon  glyphicon-chevron-left" style="float: left;cursor: pointer;"></span>工资结算</div>
    </div>
        <!--header end-->

    <!--content start-->
    <div class="row content">
        <div class="row ">
            <div class="col-xs-12">
                <div class="row">
                    <div class="col-xs-12">
                        <div>
                            <table id="salary-table" cellpadding="0" cellspacing="0" class=" salary-table table table-striped table-bordered table-hover">
                            </table>
                            <div id="pager2"></div>
                        </div>
                    </div>
                </div><!-- PAGE CONTENT ENDS -->
            </div>
        </div>
    </div>
    <!--content end-->

    <!--footer start-->
    <div class="row footer">
       <a class="submit-btn" href="#">确定</a>
    </div>

    <!--footer end-->
</div>
</body>
<script src="../js/common/jquery-2.1.4.min.js"></script>
<script src="../js/index.js"></script>
<script src="../plugin/bootstrap-3.3.7/dist/js/bootstrap.min.js"></script>
<script src="../js-data/common/template.js"></script>
<script src="../js/common/common.js"></script>
<script type="text/javascript" src="../js/common/jquery.jqGrid.min.js"></script>
<script type="text/javascript" src="../js/common/grid.locale-en.js"></script>
<script src="../js/pay-salary.js"></script>
<script>
    document.getElementsByClassName('submit-btn')[0].onclick = function () {
        var args = {"json":sessionStorage.json};
        var url = server + '/server/business/leaderRest/tableMake.json';
        $.post(url, args, function (data) {
            if(data.code = 20000){
                alert("制表成功");
                window.location.replace('./personal.html');
            }
        });
    }

</script>
</html>